<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" href="../css/theme.css" type="text/css"/>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<div style="font-family:cf">草繁</div>
<div style="width:10px;-webkit-transform: rotate(9deg);-moz-transform: rotate(9deg);-ms-transform: rotate(9deg);-o-transform: rotate(9deg);transform: rotate(9deg);">hello</div>
<div style="-webkit-transform: translate(50px,100px);-moz-transform: translate(50px,100px);-ms-transform: translate(50px,100px);-o-transform: translate(50px,100px);transform: translate(50px,100px);">原来的div</div>
<div style="width: 100px;height: 100px;background: #862388;-webkit-transform: scale(1.5,1.5);-moz-transform: scale(1.5,1.5);-ms-transform: scale(1.5,1.5);-o-transform: scale(1.5,1.5);transform: scale(1.5,1.5);"></div>
<div style="-webkit-transform: skew(30deg,30deg);-moz-transform: skew(30deg,30deg);-ms-transform: skew(30deg,30deg);-o-transform: skew(30deg,30deg);transform: skew(30deg,30deg);background: red">翻转div</div>
</body>
</html>